<template>
	<div class="pt-15 pb-14 flex">
		<div
			class="w-full overflow-x-hidden py-5 has-space"
			:style="{ background: route.meta.bg as any }">
			<router-view />
		</div>
		<layout-mobile-header />
		<layout-mobile-tabs />
	</div>
</template>

<script setup lang="ts">
import LayoutMobileHeader from './layout-mobile-header.vue'
import LayoutMobileTabs from './layout-mobile-tabs.vue'
import { useRoute } from 'vue-router'
import { useMessage } from 'naive-ui'

defineOptions({
	name: 'LayoutMobile'
})

const route = useRoute()

const message = useMessage()

window.$message = message
</script>
